<template>
  <div class="view">
    <el-row :gutter="10">
      <el-col :span="7">
        <sand-summary></sand-summary>
        <summary-table></summary-table>
      </el-col>
      <el-col :span="10">
        <overall-objective></overall-objective>
      </el-col>
      <el-col :span="7">
        <key-tasks></key-tasks>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import sandSummary from '@/views/photovoltaicSandControl/components/summary';
import overallObjective from'./components/overallObjective';
import summaryTable from'./components/summaryTable';
import keyTasks from './components/keyTasks'
export default {
  name: 'dataView',
  components: {
    sandSummary,
    overallObjective,
    summaryTable,
    keyTasks
  },
  data() {
    return {}
  }
}
</script>

<style scoped lang="scss">
.view {
  background: #f5f5f5;
  padding: 10px 6px;
}
</style>
